.dark-theme {
    /* Element Chalk Variables */
    /* Color
    -------------------------- */
    /*// color|[主题色,primary color,color primario]|BrandColor|0*/
    --el-color-primary: #409eff;
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-light-1: #53a8ff;
    --el-color-primary-light-2: #66b1ff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-4: #8cc5ff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-6: #b3d8ff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-text-color-primary: #fefefe;

    /*/// color|[成功颜色,success color,success color]|SecondaryColor|1*/
    --el-color-success: #03A9A7;
    /*/// color|[警告颜色,warning color,warning color]|SecondaryColor|1*/
    --el-color-warning: #FFB800;
    /*/// color|[危险颜色,danger color,danger color]|SecondaryColor|1*/
    --el-color-danger: #E3603C;
    /*/// color|[信息颜色,info color,info color]|SecondaryColor|1*/
    --el-color-info: #486489;

    --el-color-success-light: #cdeeed;
    --el-color-warning-light: #fff1cc;
    --el-color-danger-light: #f9dfd8;
    --el-color-info-light: #dae0e7;

    --el-color-success-lighter: #fafdfd;
    --el-color-warning-lighter: #fff8e6;
    --el-color-danger-lighter: #fcefec;
    --el-color-info-lighter: #edf0f3;
    /*color|[主要文字颜色,primary text color,primary text color]|FontColor|2*/
    --el-color-text-primary: #fff;
    /*/// color|[常规文字颜色,regular text color,regular text color]|FontColor|2*/
    --el-color-text-regular: rgba(255, 255, 255, 0.9);
    /*/// color|[次要文字颜色,secondary text color,secondary text color]|FontColor|2*/
    --el-color-text-secondary: rgba(126, 147, 178, 1);
    /*/// color|[占位文字颜色,placeholder text color,placeholder text color]|FontColor|2*/
    --el-color-text-placeholder: #A7BCCB;
    /*/// color|[一级边框颜色,border color,border color]|BorderColor|3*/
    --el-border-color-base: #486489;
    /*/// color|[二级边框颜色,border color light,border color light]|BorderColor|3*/
    --el-border-color-light: #606266;
    /*/// color|[三级边框颜色,border color lighter,border color lighter]|BorderColor|3*/
    --el-border-color-lighter: #606266;
    /*/// color|[四级边框颜色,border color extra light,border color extra light]|BorderColor|3*/
    --el-border-color-extra-light: rgba(255, 255, 255, 0.12);

    /*// Background*/
    /*/// color|[基础背景色,base background color,base background color]|BackgroundColor|4*/
    --el-background-color-base: rgba(0, 0, 0, 1);
    /*// 下拉窗口的背景色*/
    --el-background-color-show: rgba(1, 25, 55, 0.8);
    /* Link
    -------------------------- */
    --el-link-color: var(--el-color-primary-light-2);
    --el-link-hover-color: var(--el-color-primary);

    /* Border
    -------------------------- */
    --el-border-width-base: 1px;
    --el-border-style-base: solid;
    --el-border-color-hover: var(--el-color-text-placeholder);
    --el-border-base: var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);
    /*/// borderRadius|[大圆角,border radius base,border radius base]|Radius|0*/
    --el-border-radius-base: 4px;
    /*/// borderRadius|[小圆角,border radius small,border radius small]|Radius|0*/
    --el-border-radius-small: 2px;
    /*/// borderRadius|[圆形圆角,border radius circle,border radius circle]|Radius|0*/
    --el-border-radius-circle: 100%;

    /*// Box-shadow*/
    /*/// boxShadow|[基础投影,box shadow base,box shadow base]|Shadow|1*/
    --el-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    /*// boxShadow|[深色投影,box shadow,box shadow]|Shadow|1*/
    --el-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);
    /*/// boxShadow|[浅色投影,box shadow,box shadow]|Shadow|1*/
    --el-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

    /* Fill
    -------------------------- */
    --el-fill-base: var(--el-color-white);

    /* Typography
    -------------------------- */
    --el-font-path: 'fonts';
    /*/// fontSize|[主标题文字大小,Extra large font size,Extra large font size]|FontSize|0*/
    --el-font-size-extra-large: 20px;
    /*/// fontSize|[标题文字大小,large font size,large font size]|FontSize|0*/
    --el-font-size-large: 18px;
    /*/// fontSize|[小标题文字大小,Medium font size,Medium font size]|FontSize|0*/
    --el-font-size-medium: 16px;
    /*/// fontSize|[正文文字大小,base font size,base font size]|FontSize|0*/
    --el-font-size-base: 14px;
    /*/// fontSize|[正文（小）文字大小,small font size,small font size]|FontSize|0*/
    --el-font-size-small: 13px;
    /*/// fontSize|[辅助文字大小,Extra small font size,Extra small font size]|FontSize|0*/
    --el-font-size-extra-small: 12px;
    /*/// fontWeight|[主要文字粗细,primary font weight,primary font weight]|FontWeight|1*/
    --el-font-weight-primary: 500;
    /*/// fontWeight|[次要文字粗细,secondary font weight,secondary font weight]|FontWeight|1*/
    --el-font-weight-secondary: 100;
    /*/// fontLineHeight|[主要文字行高,primary font line height,primary font line height]|LineHeight|2*/
    --el-font-line-height-primary: 24px;
    /*/// fontLineHeight|[次要文字行高,secondary font line height,secondary font line height]|LineHeight|2*/
    --el-font-line-height-secondary: 16px;
    --el-font-color-disabled-base: #bbb;
    /* Size
    -------------------------- */
    --el-size-base: 14px;

    /* z-index
    -------------------------- */
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;

    /* Disable base
    -------------------------- */
    --el-disabled-fill-base: rgba(255, 255, 255, 0.2);
    --el-disabled-color-base: var(--el-color-text-placeholder);
    --el-disabled-border-base: var(--el-border-color-light);

    /* Icon
    -------------------------- */
    --el-icon-color: #666;
    --el-icon-color-base: var(--el-color-info);

    /* Checkbox
    -------------------------- */
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-color: var(--el-color-text-regular);
    --el-checkbox-input-height: 14px;
    --el-checkbox-input-width: 14px;
    --el-checkbox-input-border-radius: var(--el-border-radius-small);
    --el-checkbox-input-fill: var(--el-color-white);
    --el-checkbox-input-border: var(--el-border-base);
    --el-checkbox-input-border-color: var(--el-border-color-base);
    --el-checkbox-icon-color: var(--el-color-white);

    --el-checkbox-disabled-input-border-color: var(--el-border-color-base);
    --el-checkbox-disabled-input-fill: #edf2fc;
    --el-checkbox-disabled-icon-color: var(--el-color-text-placeholder);

    --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
    --el-checkbox-disabled-checked-input-border-color: var(--el-border-color-base);
    --el-checkbox-disabled-checked-icon-color: var(--el-color-text-placeholder);

    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-input-fill: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-fill-base);

    --el-checkbox-input-border-color-hover: var(--el-color-primary);

    --el-checkbox-bordered-height: 40px;
    --el-checkbox-bordered-padding: 9px 20px 9px 10px;
    --el-checkbox-bordered-medium-padding: 7px 20px 7px 10px;
    --el-checkbox-bordered-small-padding: 5px 15px 5px 10px;
    --el-checkbox-bordered-mini-padding: 3px 15px 3px 10px;
    --el-checkbox-bordered-medium-input-height: 14px;
    --el-checkbox-bordered-medium-input-width: 14px;
    --el-checkbox-bordered-medium-height: 36px;
    --el-checkbox-bordered-small-input-height: 12px;
    --el-checkbox-bordered-small-input-width: 12px;
    --el-checkbox-bordered-small-height: 32px;
    --el-checkbox-bordered-mini-input-height: 12px;
    --el-checkbox-bordered-mini-input-width: 12px;
    --el-checkbox-bordered-mini-height: 28px;

    --el-checkbox-button-font-size: var(--el-font-size-base);
    --el-checkbox-button-checked-fill: var(--el-color-primary);
    --el-checkbox-button-checked-color: var(--el-background-color-base);
    --el-checkbox-button-checked-border-color: var(--el-color-primary);
    --el-button-hover-bg-color:rgba(0, 0, 0, 0.06);
    /* Radio
    -------------------------- */
    /*/// fontSize|[]|Font|1*/
    --el-radio-font-size: var(--el-font-size-base);
    /*/// fontWeight|[]|Font|1*/
    --el-radio-font-weight: var(--el-font-weight-primary);
    /*/// color|[]|Color|0*/
    --el-radio-font-color: var(--el-color-text-regular);
    --el-radio-input-height: 14px;
    --el-radio-input-width: 14px;
    /*/// borderRadius|[]|Border|2*/
    --el-radio-input-border-radius: var(--el-border-radius-circle);
    /*/// color|[]|Color|0*/
    --el-radio-input-background-color: var(--el-background-color-base);
    --el-radio-input-border: var(--el-border-base);
    /*/// color|[]|Color|0*/
    --el-radio-input-border-color: var(--el-border-color-base);
    /*/// color|[]|Color|0*/
    --el-radio-icon-color: var(--el-color-white);

    --el-radio-disabled-input-border-color: var(--el-disabled-border-base);
    --el-radio-disabled-input-fill: var(--el-disabled-fill-base);
    --el-radio-disabled-icon-color: var(--el-disabled-fill-base);

    --el-radio-disabled-checked-input-border-color: var(--el-disabled-border-base);
    --el-radio-disabled-checked-input-fill: var(--el-disabled-fill-base);
    --el-radio-disabled-checked-icon-color: var(--el-color-text-placeholder);

    /*/// color|[]|Color|0*/
    --el-radio-checked-font-color: var(--el-color-primary);
    /*/// color|[]|Color|0*/
    --el-radio-checked-input-border-color: var(--el-color-primary);
    /*/// color|[]|Color|0*/
    --el-radio-checked-input-background-color: var(--el-color-white);
    /*/// color|[]|Color|0*/
    --el-radio-checked-icon-color: var(--el-color-primary);

    --el-radio-input-border-color-hover: var(--el-color-primary);

    --el-radio-bordered-height: 40px;
    --el-radio-bordered-padding: 12px 20px 0 10px;
    --el-radio-bordered-medium-padding: 10px 20px 0 10px;
    --el-radio-bordered-small-padding: 8px 15px 0 10px;
    --el-radio-bordered-mini-padding: 6px 15px 0 10px;
    --el-radio-bordered-medium-input-height: 14px;
    --el-radio-bordered-medium-input-width: 14px;
    --el-radio-bordered-medium-height: 36px;
    --el-radio-bordered-small-input-height: 12px;
    --el-radio-bordered-small-input-width: 12px;
    --el-radio-bordered-small-height: 32px;
    --el-radio-bordered-mini-input-height: 12px;
    --el-radio-bordered-mini-input-width: 12px;
    --el-radio-bordered-mini-height: 28px;

    /*/// fontSize|[]|Font|1*/
    --el-radio-button-font-size: var(--el-font-size-base);
    /*/// color|[]|Color|0*/
    --el-radio-button-checked-background-color: var(--el-color-primary);
    /*/// color|[]|Color|0*/
    --el-radio-button-checked-font-color: var(--el-color-white);
    /*/// color|[]|Color|0*/
    --el-radio-button-checked-border-color: var(--el-color-primary);
    --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);

    /* Select
    -------------------------- */
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-border: var(--el-disabled-border-base);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-color-text-secondary);

    --el-select-input-color: var(--el-color-text-placeholder);
    --el-select-multiple-input-color: #666;
    --el-select-input-focus-background: var(--el-color-primary);
    --el-select-input-font-size: 14px;

    --el-select-option-color: var(--el-color-text-regular);
    --el-select-option-disabled-color: var(--el-color-text-placeholder);
    --el-select-option-disabled-background: var(--el-color-white);
    --el-select-option-height: 34px;
    --el-select-option-hover-background: var(--el-border-color-extra-light);
    --el-select-option-selected: var(--el-color-primary);
    --el-select-option-selected-hover: var(--el-border-color-extra-light);

    --el-select-group-color: var(--el-color-info);
    --el-select-group-height: 30px;
    --el-select-group-font-size: 12px;

    --el-select-dropdown-background: var(--el-background-color-show);
    --el-select-dropdown-shadow: var(--el-box-shadow-light);
    --el-select-dropdown-empty-color: #999;
    --el-select-dropdown-max-height: 274px;
    --el-select-dropdown-padding: 6px 0;
    --el-select-dropdown-empty-padding: 10px 0;
    --el-select-dropdown-border: solid 1px var(--el-border-color-light);

    /* Alert
    -------------------------- */
    --el-alert-padding: 8px 16px;
    --el-alert-border-radius: var(--el-border-radius-base);
    --el-alert-title-font-size: 13px;
    --el-alert-description-font-size: 12px;
    --el-alert-close-font-size: 12px;
    --el-alert-close-customed-font-size: 13px;

    --el-alert-success-color: var(--el-color-success-lighter);
    --el-alert-info-color: var(--el-color-info-lighter);
    --el-alert-warning-color: var(--el-color-warning-lighter);
    --el-alert-danger-color: var(--el-color-danger-lighter);

    --el-alert-icon-size: 16px;
    --el-alert-icon-large-size: 28px;

    /* Message Box
    -------------------------- */
    --el-msgbox-width: 420px;
    --el-msgbox-border-radius: 4px;
    --el-msgbox-font-size: var(--el-font-size-large);
    --el-msgbox-content-font-size: var(--el-font-size-base);
    --el-msgbox-content-color: var(--el-color-text-regular);
    --el-msgbox-error-font-size: 12px;
    --el-msgbox-padding-primary: 15px;

    --el-msgbox-success-color: var(--el-color-success);
    --el-msgbox-info-color: var(--el-color-info);
    --el-msgbox-warning-color: var(--el-color-warning);
    --el-msgbox-danger-color: var(--el-color-danger);

    /* Message
    -------------------------- */
    --el-message-shadow: var(--el-box-shadow-base);
    --el-message-min-width: 380px;
    --el-message-background-color: #edf2fc;
    --el-message-padding: 15px 15px 15px 20px;
    --el-message-content-color: var(--el-color-text-regular);
    --el-message-close-color: var(--el-color-text-placeholder);
    --el-message-close-size: 16px;
    --el-message-close-hover-color: var(--el-color-text-secondary);

    --el-message-success-color: var(--el-color-success);
    --el-message-info-color: var(--el-color-info);
    --el-message-warning-color: var(--el-color-warning);
    --el-message-danger-color: var(--el-color-danger);

    /* Notification
    -------------------------- */
    --el-notification-width: 330px;
    --el-notification-padding: 14px 26px 14px 13px;
    --el-notification-radius: 8px;
    --el-notification-shadow: var(--el-box-shadow-light);
    --el-notification-border-color: var(--el-border-color-lighter);
    --el-notification-icon-size: 24px;
    --el-notification-close-font-size: var(--el-message-close-size);
    --el-notification-group-margin: 13px;
    --el-notification-font-size: var(--el-font-size-base);
    --el-notification-color: var(--el-color-text-regular);
    --el-notification-title-font-size: 16px;
    --el-notification-title-color: var(--el-color-text-primary);

    --el-notification-close-color: var(--el-color-text-secondary);
    --el-notification-close-hover-color: var(--el-color-text-regular);

    --el-notification-success-color: var(--el-color-success);
    --el-notification-info-color: var(--el-color-info);
    --el-notification-warning-color: var(--el-color-warning);
    --el-notification-danger-color: var(--el-color-danger);

    /* Input
    -------------------------- */
    --el-input-font-size: var(--el-font-size-base);
    --el-input-color: var(--el-color-text-regular);
    --el-input-width: 140px;
    --el-input-height: 40px;
    --el-input-border: var(--el-border-base);
    --el-input-border-color: var(--el-border-color-base);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-border-color-hover: var(--el-border-color-hover);
    --el-input-fill: var(--el-background-color-base);
    --el-input-fill-disabled: var(--el-disabled-fill-base);
    --el-input-color-disabled: --el-font-color-disabled-base;
    --el-input-icon-color: var(--el-color-text-placeholder);
    --el-input-placeholder-color: var(--el-color-text-placeholder);
    --el-input-max-width: 314px;

    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-color-text-secondary);

    --el-input-focus-border: var(--el-color-primary);
    --el-input-focus-fill: var(--el-background-color-base);

    --el-input-disabled-fill: var(--el-disabled-fill-base);
    --el-input-disabled-border: var(--el-disabled-border-base);
    --el-input-disabled-color: var(--el-disabled-color-base);
    --el-input-disabled-placeholder-color: var(--el-color-text-placeholder);

    --el-input-medium-font-size: 14px;
    --el-input-medium-height: 36px;

    --el-input-small-font-size: 13px;
    --el-input-small-height: 32px;

    --el-input-mini-font-size: 12px;
    --el-input-mini-height: 28px;

    /* Cascader
    -------------------------- */
    --el-cascader-menu-fill: var(--el-fill-base);
    --el-cascader-menu-font-size: var(--el-font-size-base);
    --el-cascader-menu-radius: var(--el-border-radius-base);
    --el-cascader-menu-border: var(--el-border-base);
    --el-cascader-menu-border-color: var(--el-border-color-base);
    --el-cascader-menu-border-width: --el-border-width-base;
    --el-cascader-menu-color: var(--el-color-text-regular);
    --el-cascader-menu-option-color-active: var(--el-color-text-secondary);
    --el-cascader-menu-option-fill-active: rgba(126, 147, 178, 0.12);
    --el-cascader-menu-option-color-hover: var(--el-color-text-regular);
    --el-cascader-menu-option-fill-hover: rgba(255, 255, 255, 0.06);
    --el-cascader-menu-option-color-disabled: #999;
    --el-cascader-menu-option-fill-disabled: rgba(0, 0, 0, 0.06);
    --el-cascader-menu-option-empty-color: #666;
    --el-cascader-menu-group-color: #999;
    --el-cascader-menu-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 0 3px rgba(0, 0, 0, 0.14);
    --el-cascader-menu-option-pinyin-color: #999;
    --el-cascader-menu-submenu-shadow: 1px 1px 2px rgba(0, 0, 0, 0.14), 1px 0 2px rgba(0, 0, 0, 0.14);

    /* Group
    -------------------------- */
    --el-group-option-offset-bottom: 12px;
    --el-group-option-fill-hover: rgba(0, 0, 0, 0.06);
    --el-group-title-color: var(--el-color-black);
    --el-group-title-font-size: var(--el-font-size-base);
    --el-group-title-width: 66px;

    /* Tab
    -------------------------- */
    --el-tab-font-size: var(--el-font-size-base);
    --el-tab-border-line: 1px solid #e4e4e4;
    --el-tab-header-color-active: 126, 147, 178;
    --el-tab-header-color-hover: var(--el-color-text-regular);
    --el-tab-header-color: var(--el-color-text-regular);
    --el-tab-header-fill-active: rgba(0, 0, 0, 0.06);
    --el-tab-header-fill-hover: rgba(0, 0, 0, 0.06);
    --el-tab-vertical-header-width: 90px;
    --el-tab-vertical-header-count-color: var(--el-color-white);
    --el-tab-vertical-header-count-fill: 126, 147, 178;

    /* Button
    -------------------------- */
    --el-button-font-size: var(--el-font-size-base);
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-radius: var(--el-border-radius-base);
    --el-button-padding-vertical: 12px;
    --el-button-padding-horizontal: 20px;

    --el-button-medium-font-size: var(--el-font-size-base);
    --el-button-medium-border-radius: var(--el-border-radius-base);
    --el-button-medium-padding-vertical: 10px;
    --el-button-medium-padding-horizontal: 20px;

    --el-button-small-font-size: 12px;
    --el-button-small-border-radius: #{var(--el-border-radius-base) - 1};
    --el-button-small-padding-vertical: 9px;
    --el-button-small-padding-horizontal: 15px;

    --el-button-mini-font-size: 12px;
    --el-button-mini-border-radius: #{var(--el-border-radius-base) - 1};
    --el-button-mini-padding-vertical: 7px;
    --el-button-mini-padding-horizontal: 15px;

    --el-button-default-font-color: var(--el-color-text-regular);
    --el-button-default-background-color: var(--el-background-color-base);
    --el-button-default-border-color: var(--el-border-color-base);

    --el-button-disabled-font-color: var(--el-color-text-placeholder);
    --el-button-disabled-background-color: var(--el-background-color-base);
    --el-button-disabled-border-color: var(--el-border-color-lighter);

    --el-button-primary-border-color: var(--el-color-primary);
    --el-button-primary-font-color: var(--el-color-white);
    --el-button-primary-background-color: var(--el-color-primary);
    --el-button-success-border-color: var(--el-color-success);
    --el-button-success-font-color: var(--el-color-white);
    --el-button-success-background-color: var(--el-color-success);
    --el-button-warning-border-color: var(--el-color-warning);
    --el-button-warning-font-color: var(--el-color-white);
    --el-button-warning-background-color: var(--el-color-warning);
    --el-button-danger-border-color: var(--el-color-danger);
    --el-button-danger-font-color: var(--el-color-white);
    --el-button-danger-background-color: var(--el-color-danger);
    --el-button-info-border-color: var(--el-color-info);
    --el-button-info-font-color: var(--el-color-white);
    --el-button-info-background-color: var(--el-color-info);

    --el-button-hover-tint-percent: 20%;
    --el-button-active-shade-percent: 10%;

    /* cascader
    -------------------------- */
    --el-cascader-height: 200px;

    /* Switch
    -------------------------- */
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color-base);
    --el-switch-disabled-color: var(--el-border-color-lighter);
    --el-switch-disabled-text-color: var(--el-color-text-placeholder);

    --el-switch-font-size: var(--el-font-size-base);
    --el-switch-core-border-radius: 10px;
    --el-switch-width: 40px;
    --el-switch-height: 20px;
    --el-switch-button-size: 16px;

    /* Dialog
    -------------------------- */
    --el-dialog-background-color: var(--el-background-color-show);
    --el-dialog-box-shadow: 0 0 5px 5px rgba(76, 119, 169, 0.5);
    --el-dialog-close-hover-color: var(--el-color-primary);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 20px;

    /* Table
    -------------------------- */
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-color-text-regular);
    --el-table-header-color: var(--el-color-text-secondary);
    --el-table-row-hover-background: var(--el-background-color-base);
    --el-table-current-row-background: --el-color-primary-light-9;
    --el-table-header-background: var(--el-background-color-base);
    --el-table-footer-background: var(--el-color-text-placeholder);
    --el-table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12);

    /* Pagination
    -------------------------- */
    --el-pagination-font-size: 13px;
    --el-pagination-fill: var(--el-background-color-base);
    --el-pagination-color: var(--el-color-text-primary);
    --el-pagination-border-radius: 3px;
    --el-pagination-button-color: var(--el-color-text-primary);
    --el-pagination-button-width: 35.5px;
    --el-pagination-button-height: 28px;
    --el-pagination-button-disabled-color: var(--el-color-text-placeholder);
    --el-pagination-button-disabled-fill: var(--el-color-white);
    --el-pagination-hover-fill: var(--el-color-white);
    --el-pagination-hover-color: var(--el-color-white);

    /* Popover
    -------------------------- */
    --el-popover-fill: var(--el-color-white);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-arrow-size: 6px;
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-color: var(--el-color-text-primary);

    /* Tooltip
    -------------------------- */
    --el-tooltip-fill: var(--el-background-color-show);
    --el-tooltip-color: var(--el-color-white);
    --el-tooltip-font-size: 12px;
    --el-tooltip-border-color: var(--el-color-text-primary);
    --el-tooltip-arrow-size: 6px;
    --el-tooltip-padding: 10px;

    /* Tag
    -------------------------- */
    --el-tag-padding: 0 10px;
    --el-tag-fill: rgba(3, 169, 167, 0.10);
    --el-tag-color: var(--el-color-primary);
    --el-tag-border: rgba(3, 169, 167, 0.20);
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;

    --el-tag-info-fill: rgba(72, 100, 137, 0.10);
    --el-tag-info-border: rgba(72, 100, 137, 0.20);
    --el-tag-info-color: var(--el-color-info);

    --el-tag-primary-fill: rgba(3, 169, 167, 0.10);
    --el-tag-primary-border: rgba(3, 169, 167, 0.20);
    --el-tag-primary-color: var(--el-color-primary);

    --el-tag-success-fill: rgba(3, 169, 167, 0.10);
    --el-tag-success-border: rgba(3, 169, 167, 0.20);
    --el-tag-success-color: var(--el-color-success);

    --el-tag-warning-fill: rgba(255, 184, 0, 0.10);
    --el-tag-warning-border: rgba(255, 184, 0, 0.20);
    --el-tag-warning-color: var(--el-color-warning);

    --el-tag-danger-fill: rgba(227, 96, 60, 0.10);
    --el-tag-danger-border: rgba(227, 96, 60, 0.20);
    --el-tag-danger-color: var(--el-color-danger);

    /* Tree
    -------------------------- */
    --el-tree-node-hover-color: var(--el-background-color-base);
    --el-tree-text-color: var(--el-color-text-regular);
    --el-tree-expand-icon-color: var(--el-color-text-placeholder);

    /* Dropdown
    -------------------------- */
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: --el-color-primary-light-9;
    --el-dropdown-menuItem-hover-color: --el-link-color;

    /* Badge
    -------------------------- */
    --el-badge-fill: var(--el-color-danger);
    --el-badge-radius: 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding: 6px;
    --el-badge-size: 18px;

    /* Card
    --------------------------*/
    --el-card-border-color: var(--el-background-color-base);
    --el-card-border-radius: 0px;
    --el-card-padding: 20px;

    /* Slider
    --------------------------*/
    --el-slider-main-background-color: var(--el-color-primary);
    --el-slider-runway-background-color: var(--el-border-color-light);
    --el-slider-button-hover-color: #03a4a2;
    --el-slider-stop-background-color: var(--el-color-white);
    --el-slider-disable-color: var(--el-color-text-placeholder);

    --el-slider-margin: 16px 0;
    --el-slider-border-radius: 3px;
    --el-slider-height: 6px;
    --el-slider-button-size: 16px;
    --el-slider-button-wrapper-size: 36px;
    --el-slider-button-wrapper-offset: -15px;

    /* Steps
    --------------------------*/
    --el-steps-border-color: var(--el-disabled-border-base);
    --el-steps-border-radius: 4px;
    --el-steps-padding: 20px;

    /* Menu
    --------------------------*/
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-color: var(--el-color-text-secondary);
    --el-menu-item-fill: #05142A;
    --el-menu-item-hover-fill: rgba(0, 0, 0, .5);

    /* Rate
    --------------------------*/
    --el-rate-height: 20px;
    --el-rate-font-size: var(--el-font-size-base);
    --el-rate-icon-size: 18px;
    --el-rate-icon-margin: 6px;
    --el-rate-icon-color: var(--el-color-text-placeholder);

    /* DatePicker
    --------------------------*/
    --el-datepicker-color: var(--el-color-text-regular);
    --el-datepicker-off-color: var(--el-color-text-placeholder);
    --el-datepicker-header-color: var(--el-color-text-regular);
    --el-datepicker-icon-color: var(--el-color-text-primary);
    --el-datepicker-border-color: var(--el-disabled-border-base);
    --el-datepicker-inner-border-color: #e4e4e4;
    --el-datepicker-inrange-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-text-hover-color: var(--el-color-primary);
    --el-datepicker-cell-hover-color: #fff;

    /* Loading
    --------------------------*/
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px;

    /* Scrollbar
    --------------------------*/
    --el-scrollbar-background-color: rgba(126, 147, 178, .3);
    --el-scrollbar-hover-background-color: rgba(126, 147, 178, .5);

    /* Carousel
    --------------------------*/
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
    --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
    --el-carousel-indicator-width: 30px;
    --el-carousel-indicator-height: 2px;
    --el-carousel-indicator-padding-horizontal: 4px;
    --el-carousel-indicator-padding-vertical: 12px;
    --el-carousel-indicator-out-color: var(--el-border-color-hover);

    /* Collapse
    --------------------------*/
    --el-collapse-border-color: var(--el-border-color-lighter);
    --el-collapse-header-height: 48px;
    --el-collapse-header-padding: 20px;
    --el-collapse-header-fill: var(--el-color-white);
    --el-collapse-header-color: var(--el-color-text-primary);
    --el-collapse-header-size: 13px;
    --el-collapse-content-fill: var(--el-color-white);
    --el-collapse-content-size: 13px;
    --el-collapse-content-color: var(--el-color-text-primary);

    /* Transfer
    --------------------------*/
    --el-transfer-border-color: var(--el-border-color-lighter);
    --el-transfer-border-radius: var(--el-border-radius-base);
    --el-transfer-panel-width: 200px;
    --el-transfer-panel-header-height: 40px;
    --el-transfer-panel-header-background: var(--el-background-color-base);
    --el-transfer-panel-footer-height: 40px;
    --el-transfer-panel-body-height: 246px;
    --el-transfer-item-height: 30px;
    --el-transfer-item-hover-background: var(--el-color-text-secondary);
    --el-transfer-filter-height: 32px;

    /* Header
      --------------------------*/
    --el-header-padding: 0 20px;

    /* Footer
    --------------------------*/
    --el-footer-padding: 0 20px;

    /* Main
    --------------------------*/
    --el-main-padding: 20px;

    /* Timeline
    --------------------------*/
    --el-timeline-node-size-normal: 12px;
    --el-timeline-node-size-large: 14px;
    --el-timeline-node-color: var(--el-border-color-light);

    /* Break-point
    --------------------------*/
    --el-sm: 768px;
    --el-md: 992px;
    --el-lg: 1200px;
    --el-xl: 1920px;
    --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
    --el-calendar-header-border-bottom: var(--el-calendar-border);
    --el-calendar-selected-background-color: var(--el-color-primary);
}
